<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<%@ page language="java" import="java.io.*"%>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
	
</script>
<link rel="stylesheet" type="text/css" href="css/PrepskillsFont.css" />
<title>Welcome to Prepskills!</title>

</head>

<script type="text/javascript">

var possibleStates=new Array("def", "prepessentials", "prepessentialslocations", "prepessentialsreg", "prepessentialsteachers", "prepessentialstestimonials", "resources", 
		"resourcesseminars", "resourcesseminarsliveinfoseminars", "studentlogin");

var sideNavColors=new Array("tab1", "tab2", "tab3", "tab4", "tab5", "tab7", "tab9");

    function toggle_visibility(id) {

    	document.getElementById('iframeform').style.display='block';

    	for (var i = 0; i < possibleStates.length; i++) {
    		var layer = document.getElementById(possibleStates[i]);
    		layer.style.display = "none";
    		}
		
       var e = document.getElementById(id);
          e.style.display = 'block';

    }

    function change_color(id)
    {
    	document.getElementById('iframeform').style.display='block';

    	for (var i = 0; i < sideNavColors.length; i++) {
    		var layer = document.getElementById(sideNavColors[i]);
    		layer.style.color = '#00bbdd';
    	}

        var e = document.getElementById(id);
       	   e.style.color = '#f78f1e';
    	
    }

    function initMenu() {
  	  $('#menu ul').hide();


  	  $('#menu li ul li a').click(
  	    	 	function() {

  	        	 	var checkElement = $(this).next();
  	    	    	if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
  	    	    		return false;
  	    	    	}
  	    	    	if((checkElement.is('ul'))) {
  	    	    		$('#menu ul li ul:visible').slideUp('normal');
  	    	    	    checkElement.slideDown('normal');
  	    	    	    return false;
  	    	    	}
  	    	    	return;
  	    	      }
	    	      	
  	  );
  	  
  	  $('#menu li a').click(
  	    function() {
  	      var checkElement = $(this).next();
  	      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
  	        return false;
  	        }
  	      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
  	        $('#menu ul:visible').slideUp('normal');
  	        checkElement.slideDown('normal');
  	        return false;
  	        }
  	      }
  	    );


  	    
  	  }

  $(document).ready(function() {initMenu();});

	
</script>
<body>
<table bgcolor="034016" border=0 cellpadding="0" cellspacing="0"
	align="center" width="960">
	<tr>
		<td>
		<table bgcolor="ffffff" border=0 cellpadding="0" cellspacing="0"
			align="center" width="940">
			<tr>
				<td height="1" width="940">&nbsp; &nbsp; &nbsp;</td>
			</tr>

			<tr>
				<td width="7" valign="top" style="padding-top: 40px">
				<ul id="menu">
					<li id="sideNavList"><a class="prepskillsNoLinkSN" href="#"
						onclick="toggle_visibility('prepessentials');return false;">PREPESSENTIALS</a>
					<ul>
						<li><a href="scheduleCourseID_2.tiles">
						<div id="tab1">> Schedule</div>
						</a></li>
						<li><a href="registerprepessentials.tiles">
						<div id="tab2">> Register</div>
						</a></li>
						<li><a href="#"
							onclick="toggle_visibility('prepessentialsteachers'); change_color('tab3'); return false;">
						<div id="tab3">> Teachers</div>
						</a></li>
						<li><a href="#"
							onclick="toggle_visibility('prepessentialstestimonials'); change_color('tab4'); return false;">
						<div id="tab4">> Testimonials</div>
						</a></li>
					</ul>
					</li>
					<li id="sideNavList"><a class="prepskillsNoLinkSN" href="#"
						onclick="toggle_visibility('resources');return false;">Resources</a>
					<ul id="menu">
						<li><a href="#"
							onclick="toggle_visibility('resourcesseminars'); change_color('tab5'); return false;">
						<div id="tab5">> Information Seminars</div>
						</a></li>
						<li><a href="#"
							onclick="toggle_visibility('resourcesseminarsliveinfoseminars'); change_color('tab7'); return false;">
						<div id="tab7">> PrepEssentials Seminars</div>
						</a></li>
						<li><a href="#" onclick="toggle_visibility('studentlogin'); change_color('tab9'); return false;">
						<div id="tab9">> Student Login</div>
						</a></li>
					</ul>
					</li>
					<li id="sideNavList"><a class="prepskillsNoLinkSN" href="#"></a></li>
				</ul>
				</td>


				<td width="3900" valign="top" style="padding-top: 20px">
				<div id="def">
				<h1 CLASS=prepskillsorangetitle>PREPESSENTIALS<SUP>TM</SUP></h1>
				<P class=prepskillsbody>PREPSKILLS® is pleased to offer
				individual courses under our PREPESSENTIALS<SUP>TM</SUP> banner. Our
				PREPTHINK<SUP>TM</SUP>, PREPWRITE<SUP>TM</SUP>, PREPSPEAK<SUP>TM</SUP>
				and PREPLEADER<SUP>TM</SUP> courses enhance students' essential
				skills and aid in their development to becoming well-rounded
				individuals poised for future achievement. <br />
				<br />
				PREPESSENTIALS<SUP>TM</SUP> sees students uncover their unique
				talents, increase their confidence and develop their emotional
				intelligence, thereby gaining the skills necessary to navigate
				through academic challenges and fulfill lifelong aspirations. Highly
				motivated and future-focused students find PREPESSENTIALS<SUP>TM</SUP>
				to be particularly empowering.</P>
				
				<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="Player1" width="424" height="300">
					<param name="URL" value="/home/preporg/Videos/prepessentials - large.f4v">
					<param name="http://path_to_the_video">
					<param name="AutoStart" value="0">
					<param name="ShowControls" value="1">
					<param name="ShowStatusBar" value="1">
					<param name="ShowDisplay" value="1">
					<param name="stretchToFit" value="1">
					<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/" 
				width="424" height="300" src="/home/preporg/Videos/prepessentials - large.f4v"
				filename="http://www.microsoft.com/resources/msdn/en-us/office/media/MOSS2007CreateSeqWFUsingVS2008.wvx" autostart="1" showcontrols="1" showstatusbar="1" showdisplay="1">
				</embed>
				</object>

				<p class="prepskillsgreentitle">PREPTHINK<sup>TM</sup></p>
				<P class=prepskillsbody>In the high-speed,
				technologically-changing, media-centric world we live in,
				information from a variety of sources travels at the speed of light.
				Preparing your child with the skills needed to successfully
				manoeuvre through that ever-expanding network of information will
				help pave the path toward a successful future. PREPTHINK<sup>TM</sup> will open
				your child's mind by exposing them to various modes of thinking. We
				provide students with the skills needed to deconstruct, evaluate,
				and reconstruct information as it applies to a wide range of social
				and academic experiences.</P>
				
				<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="Player1" width="424" height="300">
					<param name="URL" value="/home/preporg/Videos/prepthink - large.f4v">
					<param name="http://path_to_the_video">
					<param name="AutoStart" value="0">
					<param name="ShowControls" value="1">
					<param name="ShowStatusBar" value="1">
					<param name="ShowDisplay" value="1">
					<param name="stretchToFit" value="1">
					<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/" 
				width="424" height="300" src="/home/preporg/Videos/prepthink - large.f4v"
				filename="http://www.microsoft.com/resources/msdn/en-us/office/media/MOSS2007CreateSeqWFUsingVS2008.wvx" autostart="1" showcontrols="1" showstatusbar="1" showdisplay="1">
				</embed>
				</object>

				<p class="prepskillsgreentitle">PREPWRITE<sup>TM</sup></p>
				<P class=prepskillsbody>Writing well is an elusive art for many
				people. But at PREPSKILLS®, we believe that writing essays,
				compositions, and other forms of prose should be an enjoyable act of
				self-expression. To write well requires that a person possesses
				certain skills of composition, and through PREPWRITE<sup>TM</sup> we equip your
				child with those skills through a series of writing activities,
				analyses, and critical reflection. Writing should be a liberating
				conduit through which your child learns to state ideas, analyse
				claims, and construct coherent viewpoints. Open up that conduit is
				the basis of the PREPWRITE<sup>TM</sup> programme.</P>
				
				<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="Player1" width="424" height="300">
					<param name="URL" value="/home/preporg/Videos/prepwrite - large.f4v">
					<param name="http://path_to_wethe_video">
					<param name="AutoStart" value="0">
					<param name="ShowControls" value="1">
					<param name="ShowStatusBar" value="1">
					<param name="ShowDisplay" value="1">
					<param name="stretchToFit" value="1">
					<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/" 
				width="424" height="300" src="/home/preporg/Videos/prepwrite - large.f4v"
				filename="http://www.microsoft.com/resources/msdn/en-us/office/media/MOSS2007CreateSeqWFUsingVS2008.wvx" autostart="1" showcontrols="1" showstatusbar="1" showdisplay="1">
				</embed>
				</object>

				<p class="prepskillsgreentitle">PREPSPEAK<sup>TM</sup></p>
				<P class=prepskillsbody>Charismatic speakers are often thought
				to possess a natural talent for speech-making. But at PREPSKILLS®,
				we know speaking well is a skill that can be taught and learned.
				Required by both the academic and entrepreneurial worlds, the
				ability to speak publicly is crucial to your child's academic and
				social success. The use of confident body language, vocal emphasis,
				and logical debating techniques forms the basis of the PREPSPEAK<sup>TM</sup>
				programme, where your child will learn to speak up, speak out, and
				speak well.</P>
				
				<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="Player1" width="424" height="300">
					<param name="URL" value="/home/preporg/Videos/prepspeak - large.f4v">
					<param name="http://path_to_the_video">
					<param name="AutoStart" value="0">
					<param name="ShowControls" value="1">
					<param name="ShowStatusBar" value="1">
					<param name="ShowDisplay" value="1">
					<param name="stretchToFit" value="1">
					<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/" 
				width="424" height="300" src="/home/preporg/Videos/prepspeak - large.f4v"
				filename="http://www.microsoft.com/resources/msdn/en-us/office/media/MOSS2007CreateSeqWFUsingVS2008.wvx" autostart="1" showcontrols="1" showstatusbar="1" showdisplay="1">
				</embed>
				</object>

				<p class="prepskillsgreentitle">PREPLEADER<sup>TM</sup></p>
				<p class=prepskillsbody>At PREPSKILLS®, we believe that leaders
				are made, not born. Designed to nurture your child's unique
				leadership potential, PREPLEADER<sup>TM</sup> introduces students to
				the five "styles" of leadership, reinforcing the leadership skills
				they already possess and introducing them to new ones. Whether this
				is your child's first or ninety-first step on the path towards being
				a leader, our classroom-based role-playing, problem-solving, and
				leadership activities will bolster their ability to work with and
				within group settings.</p>
				
				<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="Player1" width="424" height="300">
					<param name="URL" value="/home/preporg/Videos/prepleader - large.f4v">
					<param name="http://path_to_the_video">
					<param name="AutoStart" value="0">
					<param name="ShowControls" value="1">
					<param name="ShowStatusBar" value="1">
					<param name="ShowDisplay" value="1">
					<param name="stretchToFit" value="1">
					<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/" 
				width="424" height="300" src="/home/preporg/Videos/prepleader - large.f4v"
				filename="http://www.microsoft.com/resources/msdn/en-us/office/media/MOSS2007CreateSeqWFUsingVS2008.wvx" autostart="1" showcontrols="1" showstatusbar="1" showdisplay="1">
				</embed>
				</object>

				</div>

				<div class="prepskillsbody" id="prepessentials"
					style="display: none">
				<h1 CLASS=prepskillsorangetitle>PREPESSENTIALS<SUP>TM</SUP></h1>
				<P class=prepskillsbody>PREPSKILLS® is pleased to offer
				individual courses under our PREPESSENTIALS<SUP>TM</SUP> banner. Our
				PREPTHINK<SUP>TM</SUP>, PREPWRITE<SUP>TM</SUP>, PREPSPEAK<SUP>TM</SUP>
				and PREPLEADER<SUP>TM</SUP> courses enhance students' essential
				skills and aid in their development to becoming well-rounded
				individuals poised for future achievement. <br />
				<br />
				PREPESSENTIALS<SUP>TM</SUP> sees students uncover their unique
				talents, increase their confidence and develop their emotional
				intelligence, thereby gaining the skills necessary to navigate
				through academic challenges and fulfill lifelong aspirations. Highly
				motivated and future-focused students find PREPESSENTIALS<SUP>TM</SUP>
				to be particularly empowering.</P>
				</div>

				<div class="prepskillsbody" id="prepessentialslocations"
					style="display: none">
				<h1 CLASS=prepskillsorangetitle>SCHEDULE/LOCATIONS</h1>
				<iframe id="iframeform"
					src="http://www.prepskills.net/app/schedule.aspx?CourseID=2"
					width="630" scrolling="auto" height=1900 align="right"
					frameborder="0"> </iframe></div>

				<div class="prepskillsbody" id="prepessentialsreg"
					style="display: none"><iframe id="iframeform"
					src="http://www.prepskills.net/app/registerprepessentials.aspx"
					width="630" scrolling="auto" height=1900 align="right"
					frameborder="0"> </iframe></div>

				<div class="prepskillsbody" id="prepessentialsteachers"
					style="display: none">
				<h1 CLASS=prepskillsorangetitle>TEACHERS</h1>

				<p class="prepskillsgreentitle">PREPSKILLS<sup>®</sup> Featured
				PREPESSENTIALS<sup>TM</sup> Teachers</p>

				<table border="0" class=prepskillsbody>
					<tr>
						<td valign="top"><img
							src="staticContent/images/teachers/RohanWilliamson.jpg"></td>
						<td valign="top"><strong>Rohan W., BPE, BEd, BSc</strong><br>
						<em>University of Toronto<br>

						University of Windsor</em><br>
						<span class="readmore-item"></td>
						<td valign="top"><img
							src="staticContent/images/teachers/SandraDAngelo.jpg"></td>
						<td valign="top"><strong>Sandra D., BEd, BA</strong><br>
						<em>York University<br>
						Trent University</em><br>

						</td>
					</tr>
				</table>

				</div>

				<div class="prepskillsbody" id="prepessentialstestimonials"
					style="display: none">
				<h1 CLASS=prepskillsorangetitle>TESTIMONIALS</h1>
				<%@ include file='prepessentialtestimonials.shtml'%>
				</div>

				<div class="prepskillsbody" id="resources" style="display: none">
				<h1 CLASS=prepskillsorangetitle>RESOURCES</h1>
				</div>

				<div class="prepskillsbody" id="resourcesseminars"
					style="display: none">
				<h1 CLASS=prepskillsorangetitle>PREPESSENTIALS INFORMATION
				SEMINARS</h1>

				<table class=prepskillstable align="center">

					<tbody>
						<tr align="center">
							<td class=prepskillstablecolumnodd>Seminar</td>
							<td class=prepskillstablecolumneven>Location</td>
							<td class=prepskillstablecolumnodd>Address</td>
							<td class=prepskillstablecolumneven>Seminar Date</td>
							<td class=prepskillstablecolumnodd>Seminar Time</td>
							<td class=prepskillstablecolumneven>Map</td>
						</tr>
						<tr valign="top">
							<td>Essential Academic &amp; Leadership Skills Enrichment
							Seminar</td>

							<td>York University <br />
							(Glendon Campus)</td>
							<td>2275 Bayview Avenue<br />
							Toronto, Ontario<br />
							(Bayview &amp; Lawrence)</td>
							<td>Saturday, March 26, 2011</td>
							<td>10:00 am - 12:00 am</td>
							<td><a title="Trinity Presbyterian Church"
								href="http://prepskills.com/main/north-york-bridle-path-york-university-glendon-campus">Map</a></td>
						</tr>
					</tbody>

				</table>
				<p>&nbsp;</p>
				<p style="text-align: center;"><strong><a
					title="Register for Seminar" href="SeminarForm.tiles"><img
					title="Register" src="staticContent/images/register.gif" alt="" /><br />
				REGISTRATION REQUIRED</a><br />
				(Limited Seating)</strong></p>

				</div>

				<div class="prepskillsbody" id="resourcesseminarsreg"
					style="display: none">
				<h1 CLASS=prepskillsorangetitle>REGISTER</h1>
				</div>

				<div class="prepskillsbody" id="resourcesseminarsliveinfoseminars"
					style="display: none">
				<h1 CLASS=prepskillsorangetitle>PREPESSENTIALS WEBINAR</h1>
				<%@ include file='liveinformationseminars.jsp'%>

				</div>


				</div>

				<div class="prepskillsbody"
					id="resourcesseminarsliveinfoseminarsreg" style="display: none">
				<h1 CLASS=prepskillsorangetitle>REGISTER</h1>
				</div>

				<div class="prepskillsbody" id="studentlogin"
					style="display: none">
				<h1 CLASS=prepskillsorangetitle>PREPESSENTIALS<sup>TM</sup> STUDENT LOGIN</h1>
				<%@ include file='studentlogin.jsp'%>
				</div>


				</td>
			</tr>
		</table>
		</td>
	</tr>
</table>
</body>
</html>